@CHARSET "UTF-8";
/**
背景色：background: rgba(144, 126, 0, 0);
*/

body {
	
}
.chat-top{
	text-align: center;
	font-size: 30px;
	background: rgba(200,200,200,1);
	height: 50px;
	line-height: 50px;
	position: relative;
}
.chat-container{
	height: 400px;
	box-shadow:1px 1px 10px rgba(200,200,200,1);
	margin: .5rem 0;
	overflow: hidden;
	overflow-y: scroll; 
}
.chat-container > div{
	padding: .5rem;
	overflow: hidden;
	position: relative;
}
.chat-container span[class^="msg"]{
	display: inline-block;
    width: auto;
    background: rgb(202, 232, 86);
    padding: .5rem;
    border-radius: 5px;
}
.chat-container span[class*="self"]{
	float: right; 
}
.chat-edit{
	width: 100%;
	height: auto;
	background: rgba(144, 126, 0, 1);
}
.chat-edit .input{
	width: 100%;
	height: 100px;
	resize: none;
	border: 0;
	outline: none;
	
}
.chat-edit .button{
	padding: .5rem;
	position: relative;
	overflow: hidden;
}
.chat-edit .button .send{
	display: block;
	float: right;
	width: auto;
	padding: .5rem 1rem;
	background: rgba(100,100,100,1);
	color: white;
	border-radius: 5px;
}
